<template>
	<view class='main'>
		<common>
			<slot-one>
				<text>23997</text><text>可用积分</text>
				<navigator url="/pages/integral/rule/rule.vue"><button size="mini" bindtab="fn">积分规则</button>
				</navigator>
			</slot-one>
		</common>
		<uni-list>
			<navigator url="/pages/integral/tradingRecord/index">
				<uni-list-item title="交易记录" showArrow v-bind:click="tag1" />
			</navigator>
			<navigator url="/pages/integral/creditsExchange/index">
				<uni-list-item title="积分兑换" showArrow />
			</navigator>
			<navigator url="/pages/integral/sentCredits/sentCredits">
				<uni-list-item title="签到赠送积分" showArrow />
			</navigator>
		</uni-list>

	</view>
</template>

<script>
	import common from '@/pages/integral/common/common'
	export default {
		data() {
			return {

			}
		},
		components: {
			common
		},
		methods: {
			tag1() {

			},
			fn() {
				uni.navigateTo({
					url: './rule/rule'
				})
			}
		},
	}

</script>

<style lang="scss" scoped>
	.main {
		height: 100vh;
		background-color: #f7f8fa;
	}

	.rule {
		height: 83*2rpx;
		background-color: #52566c;
		display: flex;
		align-items: center;
		color: #fff;

		button {
			width: 240rpx;
			height: 23px;
			line-height: 23px;
			font-size: 24rpx;
		}

		text:first-child {
			font-size: 60rpx;
		}

		text:last-child {
			font-size: 20rpx;
		}
	}

</style>

